@charset "utf-8";

/*reset*/
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body {font-family:'Arial','Microsoft Yahei','Droid Sans Fallback','STHeiti-Light'; font-size:1.2rem; color:#333;}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html{font-size:62.5% ;}
@media (min-width: 360px) and (max-width: 400px) {
     html {font-size: 75%;}
}
@media (min-width: 401px){
     html {font-size: 87.5%;}
}

body{color:#666; line-height:1; background-color:#f4f4f4;}

.fullImg , .fullImg img{ width:100%;}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote,  hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0;padding:0}
input, select, textarea,button {font-size:100%;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-family:inherit;}

table {border-collapse:collapse;border-spacing:0; font-size:1.2rem;}
fieldset, img {border:0}
abbr, acronym {border:0;font-variant:normal}
address, caption, cite, code, dfn, em,i {font-style:normal;font-weight:500}
ol, ul ,li{list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:500}
sub, sup {font-size:55%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.15em}
a{color:#7e7e7e;}
ins, a{text-decoration:none; outline:none; -webkit-appearance:none}
a:active{background:none;opacity:0.8;}
a:link{ border-style:none;}
table{ width:100%;}
a,button,input{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  }
.top5{ margin-top:0.5rem;}.top10{ margin-top:1rem;}.top15{ margin-top:1.5rem;}.top20{ margin-top:2rem;}.top25{ margin-top:2.5rem;}.top30{ margin-top:3rem;}.top40{ margin-top:4rem;}.top50{ margin-top:5rem;}.top60{ margin-top:6rem;}.top70{ margin-top:7rem;}.top80{ margin-top:8rem;}.top90{ margin-top:9rem;}.top100{ margin-top:10rem;}.left5{ margin-left:0.5rem;}.left10{ margin-left:1rem;}.left15{ margin-left:1.5rem;}.left20{ margin-left:2rem;}.left25{ margin-left:2.5rem;}.left30{ margin-left:3rem;}.left40{ margin-left:4rem;}.left50{ margin-left:5rem;}.left60{ margin-left:6rem;}.left70{ margin-left:7rem;}.right5{ margin-right:0.5rem;}.right10{ margin-right:1rem;}.right15{ margin-right:1.5rem;}.right20{ margin-right:2rem;}.right25{ margin-right:2.5rem;}.right30{ margin-right:3rem;}.right40{ margin-right:4rem;}.right50{ margin-right:5rem;}.right60{ margin-right:6rem;}.right70{ margin-right:7rem;}.bottom5{ margin-bottom:0.5rem;}.bottom10{ margin-bottom:1rem;}.bottom15{ margin-bottom:1.5rem;}.bottom20{ margin-bottom:2rem;}.bottom25{ margin-bottom:2.5rem;}.bottom30{ margin-bottom:3rem;}.bottom40{ margin-bottom:4rem;}.bottom50{ margin-bottom:5rem;}.bottom60{ margin-bottom:6rem;}.bottom70{ margin-bottom:7rem;}

input{ vertical-align:middle}
.pad5{ padding:0.5rem;}
.pad10{ padding:1rem;}
.pad20{ padding:2rem;}
.pad15{ padding:1.5rem;}
.clear{ clear:both}

input[type='text'],input[type='tel'],input[type='button'],textarea{box-sizing: border-box;-webkit-appearance: none;}

.line14{ line-height:1.4rem;}
.line16{ line-height:1.6rem;}
.line18{ line-height:1.8rem;}
.line20{ line-height:2rem;}
.line24{ line-height:2.4rem;}
.line35{ line-height:3.5rem;}
.colfff,a.colfff,.colfff a{ color:#fff;}
.col999,a.col999,.col999 a{ color:#999;}
.col666,a.col666,.col666 a{ color:#666;}
.col333,a.col333,.col333 a{ color:#333;}

.colBlue,a.colBlue,.colBlue a{ color:#169ada;}
.colRed,a.colRed,.colRed a{ color:#d7340c;}
.colGreen,a.colGreen,.colGreen a{ color:#2ba972;}
.bold{ font-weight:bold;}
.colYe,a.colYe,.colYe a{ color:#ff4e00;}
.colYe2,a.colYe2,.colYe2 a{ color:#fadc62;}

.font12{ font-size:1.2rem;}
.font14{ font-size:1.4rem;}
.font16{ font-size:1.6rem;}
.font18{ font-size:1.8rem;}
.font20{ font-size:2rem;}

.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after { display: table;line-height: 0;content: "";}
.clearfix:after { clear: both;}

.right{ float:right;}
.left{ float:left;}
.verMi{ vertical-align:middle}

.bgFFF{ background-color:#fff;}
.btns,a.btns{ text-align:center; display:inline-block; color:#fff; border-radius:4px; vertical-align:middle; border:none;text-decoration:none; outline:none; -webkit-appearance:none}
.btns-small{ width:6.5rem; font-size:1.2rem; line-height:2.4rem;}
.btns-biggest{ width:100%; line-height:3.8rem; font-size:1.6rem;}
.btns-nom{ width:6.5rem; font-size:1.4rem; line-height:3rem;}
.btns:active{ opacity:0.8;}
.btns-ye{ background-color:#ff9c00;}
.btns-grey{ background-color:#c1c1c1;}
.btns-blue{ background-color:#03b200;}
.btns-ye:active{ background-color:#ff4900;}
.btns-grey:active{ background-color:#c1c1c1;}
.btns-blue:active{ background-color:#169ada;}

.btns-tt{ width:16rem; height:3.5rem; line-height:3.5rem;  background: -webkit-linear-gradient(#c5230d, #ab2311);}
.btns-tt:active{ background: -webkit-linear-gradient(#ab2311, #c5230d); opacity:1}
.center{ text-align:center}
.relative{ position:relative}
.m-table{ width:100%;}
.m-table td{ padding:0.5rem 0;}

.txtOver p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.align-right{ text-align: right}
.align-left{ text-align: left}
.bor_btm_da{ border-bottom:1px dashed #ccc;}
.bor_btm_so{ border-bottom:1px solid #ddd;}

/*common*/
#ngViewWap{ width: 100%; overflow: hidden; min-height: 100%;}
.footer{ border-top:1px solid #ccc; width:100%; height:5rem; background-color:#eeeeee; text-align:center; position:fixed; bottom:0; left:0;}
.footer a{ width:25%; height:5rem; float:left; text-align:center}
.footer .a{ width:5.9rem; height:5rem; display:inline-block; position:relative; background-size:100% !important; position:relative;}
.footer .a1{ background:url(../images/m1.png) no-repeat}
.footer .a2{ background:url(../images/m2.png) no-repeat}
.footer .a3{ background:url(../images/m3.png) no-repeat}
.footer .a4{ background:url(../images/m4.png) no-repeat}
.fa{vertical-align: middle;}
.footer .a1.active{ background:url(../images/mA1.png) no-repeat}
.footer .a2.active{ background:url(../images/mA2.png) no-repeat}
.footer .a3.active{ background:url(../images/mA3.png) no-repeat}
.footer .a4.active{ background:url(../images/mA4.png) no-repeat}

.mainWap{ position: absolute; right: -100%; width: 100%; padding-bottom: 5rem;}

.infWap{ background-color: #30bc7f; height: 8.8rem; padding: 0 1rem;}
.infWap img{ width: 6.8rem; height: 6.8rem; border-radius: 50%; float: left;}
.infMenuWap{ border: none;  width: 100%;}
.infMenuWap tr td{ background-color: #fff; text-align: left; vertical-align: middle; border: 1px solid #ddd;padding: 0.5rem; font-size: 1.0rem;}
.infMenuWap tr td img{ width: 3.5rem; height: 3.5rem; vertical-align: middle ; margin-right: 0.5rem;}
.menuList{ border-radius: 5px; margin-bottom: 1rem;}
.menuList li{ height: 4rem; line-height: 4rem; background-color: #f7f6f6;border-bottom: 1px solid #ddd;padding-left: 4rem; background-color: #fafafa}
.menuList .li{ border-bottom: none; background-color: #fff;background-position: 1rem center; background-size: 2.5rem auto ; background-repeat: no-repeat; }
.menuList .fa{ color: #a3c1b4; font-size: 2rem; height: 4rem; line-height: 4rem; width: 2.5rem; text-align: center; float: right}
.menuList .numWap{ padding:0 5px; margin: 0.8rem 0.5rem 0 0; height: 2rem; line-height: 2rem; color: #fff; background-color: #ea0a0a; border-radius: 3px;}
.menuList li .ejNme{ margin-left: 2.5rem;}
.menuList li .num{ color: #ea0a0a; margin: 0 2.5rem 0 0}
.menuList .li1{ background-image: url(../images/lMenu1.png) ;}
.menuList .li2{ background-image: url(../images/lMenu2.png) ;}
.menuList .li3{ background-image: url(../images/lMenu3.png) ;}
.menuList .li4{ background-image: url(../images/lMenu4.png) ;}


.myEwmImg{ width: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.infWap2{ background-color: #8ec34d; border-bottom: 1px solid #6a9344;}
.ewm{width: 14rem; margin-top: 12rem  }
.ewmImgText{ margin-top: 4rem; width: 100%;}

#shopCenter .box{ width: 45%; float: left; margin: 0 2.5% 1rem 2.5%; background-color: #fff; display: block;}
#shopCenter .box img{ width: 100%;}
#shopCenter .box p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}


.header{ height:4rem; border-bottom:1px solid #ddd; text-align:center; background-color:#30bc7f; position:relative}
.header .span{ line-height:4rem;}
.header .back{ width:3rem; height:4rem;display:block; position:absolute; top:0; left:0; text-align:left; padding-left:1rem;}
.header .menuCtr{ width:4.6rem; height:4rem;display:block; position:absolute; top:0; right:0;}
.header .fa-angle-left{ color:#fff; font-size:3rem; line-height:4rem;}
.header .fa-list-ul{ color:#fff; font-size:2.4rem; line-height:4.8rem;}


#productDetail img{width: 100%; float: left;}

.orderconInf{ background-color:#fff;}
.orderconInf table{ width:100%;}
.orderconInf table .td1{ width:2.5rem; text-align:left;}
.orderconInf table .td2{ width:1rem; text-align:right;}
.orderconInf .fa-map-marker{ font-size:3rem; color:#ff9c00;}
.orderconInf .fa-angle-right{ font-size:2.5rem; color:#999;}

.dingdan{ background-color:#fff;}
.dingdan td{ border-bottom:1px solid #ddd; padding:1rem;}

.dingdan table{ width:100%;}
.dingdan .td1{ width:4rem; text-align:left;}
.dingdan .td2{ text-align:right;}
.dingdan img{ width:4rem; height:4rem;}
.dingdan .fa-angle-right{ font-size:2rem; color:#999;}

.addPlusWap{ width:7.5rem; height:2.5rem; display:inline-block; background:url(../images/addplBg.png) no-repeat; background-size:100% 100%; text-align:center; line-height:2.5rem; position:relative;}
.addPlusWap .add{ width:2.5rem; height:2.5rem; position:absolute; top:0; right:0;}
.addPlusWap .plus{ width:2.5rem; height:2.5rem; position:absolute; top:0; left:0;}
.grdzdWap table{ width: 100%;}
.grdzdWap td{ padding: 0.5rem 0;}
.grdzdWap tr td:first-child{ width: 7rem; text-align:right}
.grdzdWap input[type='text'],.grdzdWap textarea{ width: 100%; background-color: #fff; border: 1px solid #ddd; height: 3rem; line-height: 3rem; padding: 0 1rem;}
.grdzdWap textarea{ height: 6rem; line-height: 1.6rem;}
.phbWap{ border-bottom:1px solid #ddd; padding:1rem; background-color:#fff;}
.phbWap img{ width:5.5rem; height:5.5rem; float:left; border-radius:50%; margin-right:1rem;}

.icoCon{ width:2.1rem; height:1.6rem; background:url(../images/1_03.png) no-repeat center; background-size:100% auto;}
.header .icoCon{ position:absolute; top:0; right:1rem; height:4.8rem; }

.addAddWap{ border:1px solid #ddd; border-radius:5px; margin:1rem; overflow:hidden; background-color:#fff;}
.addAddWap li,.addAddWap a{ border-bottom:1px solid #ddd; height:4.5rem; line-height:4.5rem; padding:0 0 0 1rem; font-size:1.2rem; color:#333; display:block}
.addAddWap li:last-child{ border-bottom:none;}
.addAddWap li .fa-caret-down,.addAddWap a .fa-caret-down{ height:4.5rem; line-height:4.5rem; width:3rem; text-align:center; float:right}
.addAddWap li .selTetx,.addAddWap a .selTetx{ margin-left:1rem;}

.addAddWap input[type='text']{ border:none; background:none; line-height:4.3rem;box-sizing: border-box; color:#999; margin-left:0.5rem; font-size:1.2rem;}
.addAddWap input[type='text']:focus{border:none; background:none;}

.addAddWap .fa-angle-right{ font-size:2rem; vertical-align:middle; height:4.4rem; line-height:4.4rem; margin-left:0.5rem; float:right; margin-right:1rem; color:#999}
.checkBox{ width:71px; height:36px; background:url(../images/checkBoxBg.png) no-repeat; background-position: left top; background-size:auto 100%;}
.checkBox.on{ background-position: right top;background-size:auto 100%;}

.addAddWap .checkBox{ float:right; margin:8px 1rem 0 0}



.m-selectWap{ position:fixed; width:90%; margin:0 5%; top:10%; border-radius:5px; background-color:#fff; z-index:1001; overflow:hidden; display:none; max-height:80%; overflow:auto;}
.m-selectWap li{ height:4rem; line-height:4rem; border-bottom:1px solid #ddd; font-size:1.2rem; padding-left:1.5rem;}
.m-selectWap .tit{ background-color:#74be9e; color:#fff; font-size:1.4rem;padding-left:1.5rem;}
.m-selectWap li .fa-check{ font-size:2rem; height:4rem; width:4rem; text-align:center; line-height:4rem; color:#30bc7f; float:right}
.m-selectWap li:active{ background-color:#d9eee5;}
.tck-cover{ width:100%; height:100%; position: fixed; top:0; left:0; z-index:1000; background-color:rgba(0,0,0,0.6); display:none;}

@media screen and (min-height: 650px) {

}
@media screen and (max-height: 500px) {
    .ewm{width: 12rem; margin-top: 5rem  }
    .ewmImgText{ margin-top: 2rem;}
    .infMenuWap tr td img{ width: 3rem; height: 3rem; }
    .grdzdWap tr td:first-child{ width: 6rem;}
    .btns-small{ width: 5rem;}
}



























